<!DOTYPE html>
<html>
<head>
<script src="jquery-3.2.1.js"></script>
<!script id="back" src="http://v.juhe.cn/weather/index?cityname=1&dtype=&format=&key=f4a428cfdfb0c86b2d7cc834d9898d76"></script>
<script src="Script.js"></script>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>爆肝实验室</title>

</head>

<body style="background-color:pink;">
  
    <h2>登陆名</hr><div id="okname">无</div>
    <br/>
<h1 style="text-align:center;">向所有爆肝猝死的程序员致敬</h1>

<br/>
<div style="text-align:center;" id="list">
    </div>
    <br/>
    <label for="cityname">城市名:</label> <input type="text"id="cityname" placeholder="enter a city name"><br/>
    <button id="check">查询</button>
    <br/>
    
    <button id="future">未来天气</button>
        <div   >
            <p id="weather" style="text-align:center;">
    做了一个查天气预报的功能，已调试好了，不要反复刷新浪费次数</p>
        </div>
<script id="back">
      check();
      $(document).ready(function()
      {
           $("#future").hide();
         $("#check").click( function()
         {
             $("#future").show();
             show_weather();
         });
         $("#future").click( function()
         {
            show_weather2();
         });
            
       }
      
      );
 
</script>
</body>

</html>